<template>
  <div>
    <el-image src="https://22159555.s21i.faiusr.com/4/ABUIABAEGAAglIWD8wUooMTL9wMwgA84rAI.png.webp" width="100%" />
    <div class="layout-row">
      <div class="layout-row-video">
        <video style="border-radius: 25px;" width="654" height="350" controls>
          <source src="https://2.ss.faisys.com/image/materialLib/other/5000002312.jpg?v=201712181730" type="video/mp4">
          <source src="https://2.ss.faisys.com/image/materialLib/other/5000002312.jpg?v=201712181730" type="video/ogg">
        </video>
      </div>
      <div class="layout-row-text">
        <img src="https://12794934.s61i.faiusr.com/4/AD0ItviMBhAEGAAgwf7f6QUo-Nq8owEwsAk4sAk!400x400.png.webp" />
        <span>公司简介</span>
        <p>
          &emsp;&emsp;
          公司成立于2017年，是大健康行业综合性软件解决方案公司，
          核心团队有行业10多年丰富的行业信息化经验， 产品有自主ERP、
          WMS、HIS、CRM、B2B、B2C、公众号、小程序、APP等。<br>
          &emsp;&emsp;
          自主研发领域，公司于2021年获得了国家高新技术企业认证。
          公司目前有13项知识产权及软件著作权，
          包括：数字化营销平台、智能仓储WMS系统、资金收支管理系统、优逸云毛利平衡管理系统、接口平台系统、集团主数据管理平台。
          通过信息化手段为客户赋能，全面覆盖大健康流通行业信息化解决方案。
        </p>
      </div>
    </div>
    <div class="layout-culture">
      <span style="font-size: 30px; color: white; font-weight: bold; display: block; margin-top: 20px">企业文化</span>
      <span style="font-size: 14px; display: block; margin-top: 20px">——  优 逸 云 核 心 价 值 观  ——</span>
      <div class="layout-culture-images">
        <img src="https://2.ss.faisys.com/image/materialLib/other/500000110.png?v=201712181730"/>
        <img src="https://2.ss.faisys.com/image/materialLib/other/500000110.png?v=201712181730"/>
        <img src="https://2.ss.faisys.com/image/materialLib/other/500000110.png?v=201712181730"/>
      </div>
      <div class="layout-culture-titles">
        <span class="layout-culture-title">愿&emsp;景</span>
        <span class="layout-culture-title">使&emsp;命</span>
        <span class="layout-culture-title">价值观</span>
      </div>
      <div class="layout-culture-span">
        <span class="layout-culture-content">做大健康行业信息化领航者</span>
        <span class="layout-culture-content">让行业生态链更智慧</span>
        <span class="layout-culture-content">专注&emsp;诚信&emsp;创新&emsp;共赢</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "AboutView"
}
</script>

<style scoped>
.layout-culture {
  margin: 40px auto;
  overflow: hidden;
  width: 1200px;
  height: 390px;
  background-image: url(//22159555.s21i.faiusr.com/4/ABUIABAEGAAgi-fd8gUo5PbOuwIw9wI49wI.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center top;
}
.layout-culture > span {
  position: relative;
  top: 45px;
  font-size: 30px;
  color: white;
  font-weight: bold;
}
.layout-culture-images {
  position: relative;
  top: 130px;
}
.layout-culture-images img {
  margin: 0 50px;
}
.layout-culture-titles {
  position: relative;
  top: 40px;
}
.layout-culture-titles>span {
  color: white;
  font-size: 20px;
  font-weight: bold;
  margin: 0 145px;
}
.layout-culture-span {
  position: relative;
  top: 55px;
  color: white;
  font-size: 14px;
  font-weight: bold;
}
.layout-culture-content {
  margin: 0 105px;
}


.layout-row {
  position: relative;
  margin: 80px auto;
  width: 1200px;
  height: 350px;
}
.layout-row-video{
  position: absolute;
  left: 10px;
  bottom: 0;
  width:700px;
  height:350px;
}
.layout-row-text {
  position: absolute;
  top: 15px;
  right: 33px;
  width: 398px;
}
.layout-row-text>img {
  display: block;
  width: 100%;
  height: 63px;
  border-radius: 25px;
}
.layout-row-text>span {
  position: relative; /* 修改为相对定位 */
  top: -52px; /* 根据需要调整文字位置 */
  padding: 5px; /* 可选，根据需要设置文字内边距 */
  font-size: 30px;
  color: rgb(255, 255, 255);
  background-color: initial;
  font-weight: bold;
}
.layout-row-text>p {
  font-size: 14px;
  color: #666;
  text-align: left;
  letter-spacing: 3px;
}
</style>